<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>骑行</title>
</head>

<body>
    <div class="tiwdfs">
        <span id="numbers">3</span>
      </div>
    <header>
        <ul class="Table">
            <a href="../motion.html">
                <li>
                    跑步
                </li>
            </a>
            <a href="./Cycling.html">
                <li class="public">
                    骑行
                </li>
            </a>
           <a href="./introduction.html">
            <li>
                课程训练
            </li>
           </a>
        </ul>

    </header>
    <main>

        <div class="boxsre">
            <div>
                <div class="distance Versioncenter">
                    <p>目前累积骑行距离:</p>
                    <p><span class="gongls" id="gongls">999.99</span><span>公里</span></p>
                </div>
                <div class="kiwfs">
                    <div id="container"></div>
                    <div class="Mapdis">
                      <ul class="RunOptions">
                            <div  id="gots">Go</div>
                      </ul>
                      <ul class="install">
                        <li class="setup"></li>
                        <li class="music"></li>
                      </ul>
                    </div>
                  </div>

                <div class="Route">
                    <span>
                        <h3>骑行路线</h3>
                        <p>使用骑行路线, 邂逅附近的骑行达人</p>
                    </span>
                    <div>></div>
                </div>
            </div>

        </div>

        </div>
    </main>
    
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=nqUUgxpGFs9hT1iGs0mLSpZyMmcz7N0Z"></script>
</body>

</html>